import React from "react";
import classNames from "classnames";
import  { typeProp as typeProps } from "../../common/ui/Icon";
import {NavBar,Icon} from '@/ui'

import "./index.less";
export default function Pages(props) {
  const { prefixCls = "m-react-page-icon" } = props;
  const className = classNames({
    [prefixCls]: true,
  });
  return (
    <div className={className}>
      <NavBar title='Icon'/>
      <div className="list">
        <Icon iconName="cinema" type={typeProps.img} size="s" />
      </div>
      <div className="list">
        <Icon iconName="iconhome" type={typeProps.icon} size="m" />
      </div>
      <div className="list">
        <Icon
          iconName="iconsousuo"
          type={typeProps.icon}
          size="l"
          style={{ color: "red" }}
        />
      </div>
    </div>
  );
}
